/* 
    Created on : 2015-02-01, 11:20:31
    Author     : Marie-Claude
*/
body{
  margin-left: auto;
  margin-right:auto;
  width:74%;
  background:url("../images/background.jpg");
  background-attachment: fixed;
}
#headerPanel{
  height:200px;
  background-image: url("../images/logo_1.jpg");
  background-repeat: no-repeat;
}
#leftNav{
  float:left;
  height:400px;
  width:20%;
  display:inline;
  padding: 0;
  border: none;
  margin: 20px 20px 0 0;
}
#leftNav ul{
  list-style: none;
  padding-left: 5px;
  margin: 0;
}
#leftNav ul li{
  margin-bottom: 5px;
}
#leftNavPanel{
  height:400px;
}
#leftNav_content{
  padding:0;
}
#content{
  width:78%;
  margin-top: 20px;
  height: auto;
  display:inline;
  float: left; 

}
.clearfix{
  clear: both;
}
.messageUsername{

  font-size: 12px;
}
#textEntry{
  width: 500px;
}
#personalInfoInputPanel{
  width:250px;
}
#textEntryForm{
  width:250px;

}
#loginLink{
  width:350px;
}
.btnRegisterLogin{
  display:inline;
}
.profileImgContainer{
  width: 100px;
  height: 100px;
  overflow: hidden;
  display: inline-block;
}
.profilePic{
  width:auto;
  height:100px;
}
.userInfos{
  display:inline-block;
  vertical-align: top;
}
.panelWink{
  max-height: 150px;
  overflow: hidden;
}
.panelWink div{
  padding:5px !important;

}
.profileImgContainer{
  width: 100px;
  height: 100px;
  overflow: hidden;
  display: inline-block;
}
.profilePic{
  width:auto;
  height:100px;
}
#uploadProfilePicDiv{
  display:inline-block;
  vertical-align: top;
  position: relative;
}
.userInfos{
  display:inline-block;
  vertical-align: top;
}
.userCard{
  width:200px;
  margin:0 10px 20px 0;
  display: inline-block;
}
.searchBox{
  margin-bottom: 10px;
}
#profilePicSpan{
  display: inline-block;
}
#uploadProfilePicDiv input{
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  z-index: 1000;
}
#colone1Footer{
  width:30%;
  margin-left: 5%;
  display:inline-block;
}
#colone2Footer{
  width:30%;
  display:inline-block;
}
#colone3Footer{
  width:30%;
  display:inline-block;
}
#footer{
  margin-top: 20px;
  height:100px;
  background-image: url("../images/footer.jpg");
}
#footer ul{
  list-style: none;
}
#footer ul li:first-child{
  text-decoration: underline;
  margin-bottom:5px;
}
#page{
  min-width: 1100px;
}